//获取搜索按钮
var searchBtn = document.querySelector('.content .right button');
//获取输入框
var inputEle = document.querySelector('.content .right input');

//点击搜索按钮, 发起ajax请求, 传参数给服务器端, 服务器端返回搜索的结果
searchBtn.onclick = ()=>{
    axios.get( '/user/search', { params:{ searchkey: inputEle.value  }  } ).then((res)=>{
        render( res.data.list )
        console.log(res.data);
    })
}

//渲染列表
function render(data){
    var str = ''
    
    str = data.map((item,index)=>{
        return ` <tr>
        <td ${item.email}</td>
        <td>${item.name}</td>
        <td>${item.phone}</td>
        <td>${item.ingroup}</td>
        <td>${item.isadmin}</td>
        <td> <span class="statusok">${item.status}</span> </td>
        <td> <span class="iconfont icon-bianji"></span> <span class="iconfont icon-shanchu
            "></span></td>
    </tr>`
    }).join('')
    
    document.querySelector('tbody').innerHTML = str 
    = str ;
}

//axios是从axios.min.js文件中暴露的 用来发送ajax请求的一个对象
axios.get('/user/list', { params: { page:1,count:2 }  } ).then((res)=>{
    //调用render方法, 传入后端返回的数据 渲染列表
    render( res.data.list );
    console.log(res.data);
})

axios.post('/user/login', { phone:'13611129070',pass:'1234' } ).then((res)=>{
    console.log(res.data);
})